TwentyTwenty is a jQuery plugin from ZURB that can be used to show multiple sets of before/after images with the images appearing superimposed on each other. Dragging a vertical bar horizontally left and right reveals the before and after image respectively. In this tutorial, we shall load the files needed for ZURB TwentyTwenty draggable before-after […]
Search Results for: wordpress slider
Random image from Soliloquy slider as full-sized background in WordPress using Backstretch
In the comments section of Setting a random full-sized background image in WordPress using Backstretch tutorial, a user asked: Is there a way to make it choose from images in a gallery so that the client more easily add images without having to get at the files? In this tutorial I show how a single […]
Custom Carousel in WordPress using bxSlider with a backend UI using CPT
In this article I show how we can set up a carousel (with 3 images scrolling at a time) using bxSlider in WordPress. We shall use Types (free plugin) to create a ‘Carousel Images’ CPT (Custom Post Type) and a ‘Video URL’ custom field, then use Views (commercial plugin) to loop through the CPT entries, […]
Testimonials Slider in WordPress using Types, Views and bxSlider
In this article I am going to share how we can use Types, Views (commercial plugin) and bxSlider jQuery plugin to create a slideshow of Testimonial Custom Post Type entries. Entry excerpt, client name and website custom fields values will be shown as a caption overlay on top of the entry’s featured image. Summary of […]
Adding Flow Slider in WordPress
To view the full content, please sign up for the membership. Already a member? Log in below or here.
Full-width Soliloquy slider in Navigation Pro
This premium members-only tutorial provides the steps to add a full-width Soliloquy slider at the top of the homepage of Navigation Pro. Needless to say, this slider can be shown at any position on any Page in WordPress. Step 1 Install and activate Soliloquy slider plugin. I have tested the premium version of the plugin […]
Smart Slider 3 in Infinity Pro’s Front Page 1
This members-only tutorial provides the steps to replace the static full-screen background image with a full-screen slider using Smart Slider 3. Tested in Infinity Pro 1.2.0. Step 1 Install and activate Smart Slider 3. Go to Smart Slider in the WordPress admin menu. Create one from scratch or import a slider from the template library […]
SEO Slider in Essence Pro
This members-only tutorial provides the steps to replace the front page hero’s background cover image with a slider, powered by SEO Slider in Essence Pro. Each slide’s content will be set to appear centered on the corresponding slide image. Tested in Essence Pro 1.1.0. Step 1 Install and activate SEO Slider. Go to Silders > […]
SEO Slider in Business Pro
In the members-only tutorial forum, a user asked: Hi Sridhar ā Iād like to know if you could consider a tutorial on how to register the SEO Slider plugin with the Business Pro theme, to be used instead of a header hero image in Front Page 1 widget area. This is what the Corporate Pro […]
Front Page 1 background image slider in Showcase Pro using Backstretch
This tutorial provides the steps to replace the single background image for Front Page 1 widget area in Showcase Pro with a series of rotating background images changeable in the Customizer using Backstretch. Tested in Showcase Pro 2.0.2. Step 1 Upload your default background images (that should rotate) to Showcase Pro’s images directory using this […]
Recent Comments